<template>
	<ul>

		<li :class="urlname=='provin01'?'layui-this':''"  @click="tz('provin01')"><span>首页</span></li>
		<li :class="urlname=='provin02'?'layui-this':''"  @click="tz('provin02')"><span>旺街指数</span></li>
		<li :class="urlname=='provin03'?'layui-this':''"  @click="tz('provin03')"><span>街区直播</span></li>
	  <li :class="urlname=='provin04'?'layui-this':''"  @click="tz('provin04')"><span>排行榜</span></li>
	</ul>

</template>
<script>
	export default {
	  name:'secondnav',
	  props: {
		urlname:''
	  },
	  data () {
	    return {
	    	navlist:[{name:'',url:''}]
	    }
	  },
	  mounted(){
	  },
	  methods: {
 		tz:function(url){
 			this.$router.push({
	 			name:url
	 		})
 		}
	  },
	}
</script>
<style scoped>
	/*.secondnav{position:absolute;top:50px;text-align: center;width:100%;height:50px;overflow:hidden; z-index: 10000;}
	.secondnav ul{display:inline-block; vertical-align: middle;position:absolute;top:0;}
	.secondnav ul.ts01{left:1%;}
	.secondnav ul.ts02{right:1%;}
	.secondnav ul li{height:50px;line-height: 50px;text-align:center;width:120px;display:inline-block;margin:0 10px; vertical-align: middle;font-size:14px;color:#09c5ce;cursor:pointer;}
	.secondnav ul li.layui-this span{color:#fff;}
	.secondnav ul li span{position: absolute;left:-5.2rem;top:-2.125rem;display:block;height:50px;line-height: 50px;width:120px;}*/
  
</style>
